<template>
  <div class="col-sm-12">
    <a href="http://www.golaravel.com/laravel/docs/5.1/" class="btn btn-default btn-doc" target="_blank">博 客</a>
    <a href="http://www.golaravel.com/laravel/docs/5.0/" class="btn btn-default btn-doc" target="_blank">演  示</a>
    <a href="http://lumen.golaravel.com/docs/" class="btn btn-default btn-doc" target="_blank">旅  行</a>
    <a href="http://lumen.golaravel.com/docs/" class="btn btn-default btn-doc" target="_blank">摄  影</a>
    <a href="http://wenda.golaravel.com" class="btn btn-default btn-doc" target="_blank">读  书</a>
  </div>
</template>

<script>

</script>

<style scoped>
  @media screen and (max-width: 766px){
    div{
      padding: 0;
      margin-top: 15px;
    }
    .btn-doc{
      display: inline-block;
      width: auto;
      margin: 10px 7px 0 0;
      bottom: 0;
      padding: 5px 10px;
    }
  }
</style>
